import React, { Component } from 'react';
class App extends Component {
  // 01，定义  state 数据
  state = {
    num: 9
  }
  // 02，定义  更新state里num的方法
  updataNum = (val = 1) => {
    this.setState({ num: this.state.num + val })
  }
  render() {
    return (
      <div>
        <h1>状态state</h1>
        {/* 加 */}
        <button onClick={() => this.updataNum(2)}>{this.state.num}</button>
        {/* 减 */}
        <button onClick={() => this.updataNum(-2)}>{this.state.num}</button>
        {/* e :是事件对象, e.target:指的是input标签,  e.target.value：input的值*/}
        <input value={this.state.num} onChange={e => this.setState({ num: e.target.value * 1 })} />
      </div>
    );
  }
}

export default App;
// onChange当表单发生变化
// e 是事件对象，e.target指的是input节点 e.target.value*1 把input标签的值转换数字
